<!-- This is just a little bit of custom CSS code to enhance things. Feel free to place this in your main CSS file. I've commented to say what each bit does. --> 
		<style type="text/css">
		/* Removes the default 20px margin and creates some padding space for the indicators and controls */
		.carousel {
			margin-bottom: 0;
			padding: 0 40px 30px 40px;
		}
		/* Reposition the controls slightly */
		.carousel-control {
			left: -12px;
		}
		.carousel-control.right {
			right: -12px;
		}
		/* Changes the position of the indicators */
		.carousel-indicators {
			right: 50%;
			top: auto;
			bottom: 0px;
			margin-right: -19px;
		}
		/* Changes the colour of the indicators */
		.carousel-indicators li {
			background: #c0c0c0;
		}
		.carousel-indicators .active {
		background: #333333;
		}
		</style>
		 
		<!-- Call jQuery 1.9, call bootstrap.js and run the carousel when the DOM is ready. Slide every 10 seconds. -->
		<script type="text/javascript">
		$(document).ready(function() {
			$('#myCarousel').carousel({
			interval: 10000
			})
		});

		</script>
    <!-- JavaScript placed at the end of the document so the pages load faster -->
    <!-- Optional: Include the jQuery library -->
    <script src="<?php echo base_url('application/views/js/jquery.min.js') ?>"></script>
 
    <!-- Optional: Incorporate the Bootstrap Javascript plugins -->
    <script src="<?php echo base_url('application/views/js/bootstrap.min.js') ?>"></script>
